<template>


    <div>
        <Collapse :description-column="3" :field-list="drillRoundtripDescritionFieldList" :data="data"/>

    </div>





</template>
    
<script setup lang='ts'>
import _ from 'lodash';
import Collapse from '@/components/common/collapse/Collapse.vue'
import API from '@/network/api';
import { useRvo } from '@/hook/useRvo';


const drillRoundtripDescritionFieldList = reactive([
    {
        name: "topDepth",
        label: "起始深度",
        type: "TEXTMI"
    },
    {
        name: "bottomDepth",
        label: "终止深度",
        type: "TEXTMI"
    },
    {
        name: "type",
        label: "钻进方式",
        type: "TEXT"
    },
    {
        name: "drillingFootage",
        label: "进尺",
        type: "TEXTMI"
    },
    {
        name: "drillPipeLength",
        label: "钻杆总长",
        type: "TEXTMI"
    }, 
    {
        name: "drillPiperRemainLength",
        label: "机上余尺",
        type: "TEXTMI"
    },
    {
        name: "drillingToolLength",
        label: "钻具长度",
        type: "TEXTMI"
    },
   
    {
        name: "drillingToolType",
        label: "钻具类型",
        type: "TEXT"
    },


    {
        name: "drillingToolDiameter",
        label: "钻具直径",
        type: "TEXT"
    },
    // {
    //     name: "roundtripTime",
    //     label: "回次时间",
    //     type: "TIME"
    // },
    {
        name: "drillingDescription",
        label: "钻进情况",
        type: "LONGTEXT"
    },
])

const data = ref([])

const props = defineProps({
    drillHoleId: {
        type:String,
        default:""
    }
})

onMounted(async () => {
    let listVo = useRvo().listRvo
    listVo.id = props.drillHoleId
    listVo.pageSize = 100;
    let res = await API.drillRoundtrip.list(listVo);
    data.value = res.data.list
})


</script>
    
<style scoped lang="scss">



</style>